
 
body{ padding:0; margin:10px 0}
*{ font-family:Arial, Helvetica, sans-serif; outline:none}
p{ padding:5px 0; margin:0}
.clearBoth{ clear:both}
.floatLeft{ float:left}
.floatRight{ float:Right}
a.button {background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; color: #444;display: block;float: left;height: 24px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */text-decoration: none;}
a.button span {background: transparent url('../images/bg_button_span.gif') no-repeat;display: block; line-height: 14px;padding: 5px 0 5px 18px;} 
.more{ padding:5px 0;}
.spacer{ height:10px; clear:both}
form{ padding:0; margin:0}

/*********************** Corner box -Black */
.search{ font-size:14px; font-weight:bold; vertical-align:middle; float:right}
.sort{ font-size:14px; font-weight:bold; vertical-align:middle; float:left; width:100%;}
.boxBlack{ width:98%; margin:0 auto}
.boxBlackTl{ background: url(../images/outer-box.gif) top left no-repeat}
.boxBlackTr{background: url(../images/outer-box.gif) top right no-repeat; height:60px; margin:0 0 0 20px}
.boxBlackTr h2{ color:#FFFFFF; font-size:24px; padding:12px 0; margin:0; font-style:italic} 

.boxBodyBlack{ border:1px solid #6e6e6e; border-width:0 1px; padding:10px 10px 0 10px; background-color:#e2e2e2}

.boxBlackBl{ background: url(../images/outer-box.gif) bottom left no-repeat}
.boxBlackBr{background: url(../images/outer-box.gif) bottom right no-repeat; height:20px; margin:0 0 0 20px}

/*********************** Corner box -Black*/

 /*********************** Corner box -Blue */
.boxBlue{ width:100%; margin:0 auto}
.boxBlueTl{ background: url(../images/outer-box-blue.gif) top left no-repeat}
.boxBlueTr{background: url(../images/outer-box-blue.gif) top right no-repeat; height:40px; margin:0 0 0 10px}
.boxBlueTr h2{ color:#FFFFFF; font-size:16px; padding:7px 0; margin:0; font-weight:normal} 

.boxBodyBlue{ border:1px solid #b5b5b5; border-width:0 1px; padding:10px 10px 0 10px; font-size:12px; background-color:#FFFFFF}

.boxBlueBl{ background: url(../images/outer-box-blue.gif) bottom left no-repeat}
.boxBlueBr{background: url(../images/outer-box-blue.gif) bottom right no-repeat; height:20px; margin:0 0 0 20px}

/*********************** Corner box -Blue*/

/*********************** Corner box -Lblue */
.boxLblue{ width:100%; margin: 0px auto; padding:10px 0 5px 0}
.boxLblueTl{ background: url(../images/outer-box-lblue.gif) top left no-repeat}
.boxLblueTr{background: url(../images/outer-box-lblue.gif) top right no-repeat; height:40px; margin:0 0 0 10px; text-align:right; padding:0 10px 0 0;}
.boxLblueTrInner{background: url(null) top rightheight:30px; margin:0 0 0 0}
.boxLblueTr h2{ color:#15396F; font-size:14px; padding:10px 0 7px 0; margin:0; font-weight:bold} 

.boxBodyLblue{ border:1px solid #b5b5b5; border-width:0 1px; padding:10px 10px 10px 10px; font-size:12px; background-color:#FFFFFF}

.boxLblueBl{ background: url(../images/outer-box-lblue.gif) bottom left no-repeat}
.boxLblueBr{background: url(../images/outer-box-lblue.gif) bottom right no-repeat; height:20px; margin:0 0 0 20px}

/*********************** Corner box -Lblue*/

.page
{
	padding-top:10px;
}
 /*********************** Corner box -Crnr */
.boxCrnr{ width:100%; margin: 0px auto; padding:5px 0; }
.boxCrnrTl{ background: url(../images/outer-box-crnr.gif) top left no-repeat}
.boxCrnrTr{background: url(../images/outer-box-crnr.gif) top right no-repeat; height:10px; margin:0 0 0 10px}
.boxCrnr h2{ color:#15396F; font-size:13px; padding:0px 0 3px 0; margin:5px 0 0px 0; font-weight:bold; border:1px solid #CCCCCC; border-width:0 0 1px 0} 

.boxBodyCrnr{ border:1px solid #b5b5b5; border-width:0 1px; padding:10px 10px 0 10px; font-size:12px; background-color:#FFFFFF}

.boxCrnrBl{ background: url(../images/outer-box-crnr.gif) bottom left no-repeat}
.boxCrnrBr{background: url(../images/outer-box-crnr.gif) bottom right no-repeat; height:20px; margin:0 0 0 20px}

/*********************** Corner box -Crnr*/

.floatLeftC{ float:left; font-weight:bold; padding:5px 35px 5px 30px; background: url(../images/arrow-down.gif) 85% 10px no-repeat;  background-color:#eeeeee; border:1px solid #CCCCCC; border-width:1px 1px 0 1px;  }
.floatRightB{ float:Right; font-weight:bold;padding:5px 35px 5px 30px;  background: url(../images/arrow-down.gif)  85% 10px no-repeat;  background-color:#eeeeee; border:1px solid #CCCCCC; border-width:1px 1px 0 1px; }
.cBox{ border:1px solid #CCCCCC; padding:5px;  margin:0}
.commentBox{ border:1px solid #d3d3d3; border-width:1px; background: url(../images/gre-bg.gif) left top repeat-x; padding:5px; background-color:#d1d2d2; margin:5px 0;   }
.commentBox p{ color:#333333; padding:3px 0; margin:0}
p.otherInfo{ font-size:11px; color:#666666}
span.date{ color:#de0000}span.time{ color:#08b00c}
.bidAmount{ font-weight:bold; font-size:14px}
.cForm{ padding:0; margin:0}
.commentSubmitForm{ padding:10px 0}
.commentSubmitForm ul{ padding:0; margin:0}
.commentSubmitForm ul li{ list-style:none; float:left; margin:0 10px 0 0}
.qInput{ border:1px solid #CECBB6; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px}
.vSnaps { padding:0px 0}
.vSnaps img{ border:1px solid #999999; padding:1px; margin:3px 5px 3px 0px; float:left; width:50px; height:40px}
.upload_area { padding:0px 0}
.upload_area img{ border:1px solid #999999; padding:1px; margin:3px 5px 3px 0px; float:left; width:50px; height:40px}

#dialog-overlay {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}


#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}

#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:arial;
	font-size:11px; 
}

a.yesbutton {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

a.nobutton {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #0C0;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

a.yesbutton:hover {
	background-color: #333;
	text-decoration: none;	
}

a.nobutton:hover {
	background-color: #333;
	text-decoration: none;	
}

/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
.restoreButton{
	text-align:right
}
